<template>
  <div class="left_button" @click="changeColor">
    <div>
      <img src="@/assets/point_to_right.png" alt=""  class="left_arrow">
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style>
.left_button{
  width: 30px;
  height: 30px;
  background: #FFD515;
  border-radius: 100%;
}
.left_button:hover{
  width: 30px;
  height: 30px;
  background: #f3c708;
  border-radius: 100%;
}
.left_button:active{
  width: 30px;
  height: 30px;
  background: #FFD515;
  border-radius: 100%;
}
.left_arrow{
  width: 80%;
  margin-top: 10%;
  margin-left: 10%;
}
</style>